<ng-container *ngIf="!outlet.isActivated">
    <div *ngIf="type.id==1" class="p-2">
        <h4 style="font-size: 1.1rem;font-weight:400;" class="mt-5 mb-5 text-center">新增车辆</h4>
        <div class="px-5 py-2">
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆编号</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">建档日期</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆名称</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆类型</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择车辆类型">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车牌号码</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">司机名称</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择司机名称">
      <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
    </select>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">业务员</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">核载重量</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>

            </div>
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">所属部门</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">核载体积</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <span class="input-group-text bg border-0">车载内维(cm)</span>
                    <div class="input-group-prepend">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg border-0">长</span>
                            </div>
                            <input style="max-width: 50px;" [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                        </div>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg border-0">宽</span>
                            </div>
                            <input style="max-width: 50px;" [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                        </div>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg border-0">高</span>
                            </div>
                            <input style="max-width: 50px;" [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                        </div>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">发动机号</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>

            </div>

            <div class="row">

                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆识别代号</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">品牌型号</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">注册日期</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车牌类型</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
            </div>
            <div class="row">

                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">所有人</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">住址</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">使用性质</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">年检月份</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
            </div>
            <div class="row">

                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">年检提醒</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">保险公司</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">出险电话</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">备注</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
            </div>
            <div class="input-group mb-3">
                <div class="input-group-prepend mr-3">
                    <span class="bg input-group-text border-0" style="height:37px;">车辆图片</span>
                </div>
                <ts-image-card [(src)]="imagesUrl" [config]="config"></ts-image-card>
            </div>
            <div class="input-group mb-3">
                <div class="input-group-prepend mr-3">
                    <span class="bg input-group-text border-0" style="height:37px;">保险合同</span>
                </div>
                <ts-image-card [(src)]="imagesUrl" [config]="config"></ts-image-card>
            </div>
        </div>

        <div class="my-5 m-btn text-right pr-5">
            <button routerLink="/logistics/vehicle" tsBtn color="white">返回列表</button>
            <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确定</button>
            <button routerLink="/logistics/vehicle" tsBtn color="danger">取消</button>
            <!-- <button tsBtn color="success" (click)="resetForm()">新增</button> -->
        </div>
    </div>
    <div *ngIf="type.id==2" class="p-2">
        <h4 style="font-size: 1.1rem;font-weight:400;" class="mt-5 mb-5 text-center">新增车辆运行登记</h4>
        <div class="px-5 py-2">
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆名称</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择车辆名称">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆类型</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择车辆类型">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车牌号码</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择车牌号码">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">司机名称</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择司机名称">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">加油人</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">保养日期</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">码表里程数</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">加油数量(L)</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>

            </div>
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">加油品种</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">油品单价</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">加油日期</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">核销日期</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>

            </div>
            <div class="input-group mb-3">
                <div class="input-group-prepend mr-3">
                    <span class="bg input-group-text border-0" style="height:37px;">附件</span>
                </div>
                <ts-image-card [(src)]="imagesUrl" [config]="config"></ts-image-card>
            </div>
        </div>
        <div class="my-5 m-btn text-right pr-5">
            <button routerLink="/logistics/vehicle" tsBtn color="white">返回列表</button>
            <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确定</button>
            <button routerLink="/logistics/vehicle" tsBtn color="danger">取消</button>
            <!-- <button tsBtn color="success" (click)="resetForm()">新增</button> -->
        </div>
    </div>
    <div *ngIf="type.id==3" class="p-2">
        <h4 style="font-size: 1.1rem;font-weight:400;" class="mt-5 mb-5 text-center">新建车辆保养登记</h4>
        <div class="px-5 py-2">
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆名称</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择车辆名称">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车辆类型</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择车辆类型">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">车牌号码</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择车牌号码">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">报修人</span></div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0" title="请选择报修人">
                <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
              </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">保养说明</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">保养日期</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">保养机构</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">费用总额</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>

            </div>
        </div>
        <div class="card rounded-0">
            <div class="card-body">
                <!-- <ts-table-load [display]="loading"></ts-table-load> -->
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tbody>
                            <tr class="font-weight-bold bg-light">
                                <td *ngFor="let th of billTh">{{th}}</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>
                                    <ts-checkbox color="secondary" [value]="1" [(ngModel)]="isCheck"></ts-checkbox>
                                </td>
                                <td>2
                                    <!-- <img tsImg [src]="td.goodsThumb" dataSrc="assets/images/404.jpg" class="rounded-circle" width="40" height="40" alt="Logo"> -->
                                </td>
                                <td>3</td>
                                <td>4</td>
                                <td>5</td>
                                <td>
                                    <!-- <span (click)="confirmDelete(td)" tsTip="删除" class="btn-icon btn-icon-danger">
                    <i tsIcon="delete"></i>
                  </span>
                                    <span tsTip="详情/编辑" class="btn-icon btn-icon-info" routerLink="detail/{{td.id}}">
                    <i tsIcon="edit"></i>
                  </span> -->
                                    <span (click)="confirmDelete()" tsTip="添加商品" class="btn-icon btn-icon-success">
                      <!-- <i tsIcon="delete"></i> -->添加
                    </span>
                                    <span (click)="confirmDelete()" tsTip="删除" class="btn-icon btn-icon-danger">
                      <i tsIcon="delete"></i>
                    </span>
                                    <span tsTip="详情/编辑" class="btn-icon btn-icon-info">
                      <i tsIcon="edit"></i>
                    </span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="input-group mb-3">
                    <div class="input-group-prepend mr-3">
                        <span class="bg-white input-group-text border-0" style="height:37px;">附件</span>
                    </div>
                    <ts-image-card [(src)]="imagesUrl" [config]="config"></ts-image-card>
                </div>
                <div class="text-right">
                    <ts-pagination (pageChange)="loadDatas()" [pagination]="pagination" [items]="[{text:'显示 5 条',value:5},{text:'显示 10 条',value:10},{text:'显示 20 条',value:20}]" [color]="global.params.color" goTitle="跳转" prevTitle="上一页" nextTitle="下一页" startTitle="首页" endTitle="末尾"
                        outline></ts-pagination>
                </div>
            </div>

        </div>
        <div class="my-5 m-btn text-right pr-5">
            <button routerLink="/logistics/vehicle" tsBtn color="white">返回列表</button>
            <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确定</button>
            <button routerLink="/logistics/vehicle" tsBtn color="danger">取消</button>
            <!-- <button tsBtn color="success" (click)="resetForm()">新增</button> -->
        </div>
    </div>
</ng-container>

<router-outlet #outlet="outlet"></router-outlet>